body {
  padding: 0;
  margin: 0;
  background-color: #fff !important;
}

#app {
  font-size: 14px;
  color: #333;

  
}
#app .ok-breadcrumbs-path{
  font-size: 14px;
}

.mg-rg-4 {
  margin-right: 4px;
}

.mg-rg-6 {
  margin-right: 6px;
}

.mg-rg-10 {
  margin-right: 10px;
}

.mg-bt-4 {
  margin-bottom: 4px;
}

.mg-bt-6 {
  margin-bottom: 6px;
}

.mg-bt-10 {
  margin-bottom: 10px;
}

.mg-bt-16 {
  margin-bottom: 16px;
}

.mg-tp-16 {
  margin-top: 16px;
}

.font-500 {
  font-weight: 500;
}

.font-700 {
  font-weight: 700;
}

.font-black {
  color: black;
}

.opacity-8 {
  opacity: 0.8;
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

@font-face {
  font-family: 'iconfont';
  src: url('./assets/fonts/iconfont.woff2') format('woff2'),
    url('./assets/fonts/iconfont.woff') format('woff');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 13px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-a-bianzu25:before {
  content: "\e61f";
  color: #666;
}

.icon-suolvetumoshi:before {
  content: "\e61d";
}

.icon-liebiao:before {
  content: "\e61e";
}

.icon-auto-download:before {
  content: "\e617";
}

.icon-multiple:before {
  content: "\e61c";
}

.icon-dir:before {
  content: "\e611";
}

.icon-user:before {
  content: "\e612";
}

.icon-delete:before {
  content: "\e613";
}

.icon-reset:before {
  content: "\e614";
}

.icon-download:before {
  content: "\e615";
}

.icon-clear:before {
  content: "\e616";
}

.icon-az:before {
  content: "\e618";
}

.icon-sort:before {
  content: "\e619";
}

.icon-file-size:before {
  content: "\e61a";
}

.icon-play:before {
  content: "\e61b";
}




#customActionSheet .ok-action-sheet {
  background-color: rgba(0, 0, 0, 0);
}

#customActionSheet .ok-action-sheet-custom {
  background-color: rgba(0, 0, 0, 0);
}

#customPathSelected .ok-action-sheet {
  background-color: rgba(0, 0, 0, 0);
}

#customPathSelected .ok-action-sheet-custom {
  background-color: rgba(0, 0, 0, 0);
}

.info_content_file .ok-breadcrumbs-path .name.active,
.info_content_file_view .ok-breadcrumbs-path .name.active,
#customPathSelected .ok-breadcrumbs-path .name.active {
  color: #666666 !important;
}

#customPathSelected .ok-breadcrumbs-pathes::-webkit-scrollbar {
  display: none;
  /* 隐藏滚动条 */
  width: 0;
  /* 滚动条宽度为0 */
  height: 0;
  /* 滚动条高度为0 */
  color: transparent;
  /* 滚动条颜色透明 */
}

.info_content_file .ok-selectlist {
  box-sizing: border-box;
}

.info_content_file .ok-selectlist .ok-selectlist-item {
  box-sizing: border-box;
  width: 100%;
  min-height: 1.333333rem;
  border-bottom: 0.026667rem solid #eee;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0.426667rem 0.3rem;
}

.info_content_file .custom-order .ok-selectlist-icon {
  order: 3;
}

.info_content_file .custom-order .ok-selectlist-content {
  order: 2;
}

.info_content_file .custom-order .ok-selectlist-thumb {
  order: 1;
  padding: 0 10px;
}

.info_content_file .custom-order .ok-selectlist-thumb img {
  height: auto !important;
  width: 36px !important;

}

.info_content_file .custom-order .ok-selectlist-extra {
  display: none !important;
}

.info_content_file .custom-order .ok-progress {
  order: 4
}

.info_content_file .custom-order .ok-selectlist-item .ok-selectlist-content {
  padding-left: 0;
}


.card_container {

  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 100vw;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* 定义两列，每列占据可用空间的一半 */
  grid-gap: 10px;

}

.card_container .ok-card {
  width: 100%;
  padding-bottom: 0px !important;
  background-color: #F2F2F2;
  height: 114px !important;
  justify-content: space-between;
  min-height: 110px !important;
  border-radius: 6px;

}



.card_container .ok-card .slot {
  padding: 8px !important;

}



.card_container .slot {
  font-size: 14px;
}

.card_container .slot_head {
  color: #333333;
  font-weight: 600;
  font-size: 16px;


}

.card_container .ok-card .slot_middle {
  box-sizing: border-box !important;
  height: 100%;
  width: 100%;
  color: #666666;
  padding-bottom: 4px !important;

}

.card_container .slot_middle .slot_middle_img {
  height: 100%;
  width: 100%;
  color: #666666;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_container .slot_middle img {
  width: 42px;
  height: auto;

}

.card_container .ok-card .slot_tail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px !important;
  padding-bottom: 0px !important;

}

.card_container .slot_tail {
  box-sizing: border-box !important;
  height: 28px;
  font-size: 12px;
  flex-shrink: 0;
  color: #999999;
}

.card_container .slot_tail .name {
  width: 35vw;
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
}

.card_container .slot_tail .ok-checkbox-wrapper {
  transform: scale(0.7);
}


.yplist .ok-breadcrumbs {
  padding: 2px 24px;
  overflow: hidden;
  background: #F5F5F5;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;

}

.yplist .ok-breadcrumbs-pathes::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}

.yplist .ok-breadcrumbs-path .name.active {
  color: #666666 !important;
}

.yplist .ok-selectlist-item {
  box-sizing: border-box;
}



.down_item .ok-progress-bar-container {
  height: 20px !important;
}

/* .item_img .img_item>img{
  width: 100% !important;
} */


.ok-checkbox.ok-checkbox-checked .ok-checkbox-inner {
  border-color: #3069DC !important;
  background: #3069DC !important;
}

/* .ok-tabs-default-bar-top .ok-tabs-default-bar-tab.ok-tabs-default-bar-tab-no-border{
  width: 25% !important;
} */
.ok-tabs-default-bar-top .ok-tabs-default-bar-underline,
.ok-tabs-default-bar-bottom .ok-tabs-default-bar-underline {
  width: 25% !important;

}

.ok-tabs-default-bar-top .ok-tabs-default-bar-tab.ok-tabs-default-bar-tab-no-border {
  padding-bottom: 2px !important;
}

.ok-tabs-default-bar-underline-inner {
  width: 30px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #5EA2F0 0%, #3069DC 100%) !important;
  border-radius: 2px;
}


.ok-modal-button-group-h .ok-modal-button:last-child {
  color: #3069DC !important;
}


.ok-selectlist-title{
  width: 50vw;
  white-space: nowrap;  
  overflow: hidden;  
  text-overflow: ellipsis;
}

.width-60{
  width: 60vw;
}
#app .ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path:first-child .name,
#app .ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path:first-child .name.active{
  color: #bdbdbd !important;
}
#app .ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path:first-child .devide{
  top:0
}
.ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path{
  max-width: 200px !important;
}
.ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path .name{
  max-width: 200px !important;
  
}
.word-break-all{
  word-break: break-all;
}

.ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path .name:hover, .ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path .name:active, .ok-breadcrumbs .ok-breadcrumbs-pathes .ok-breadcrumbs-path .name.active{
  color: #666666 !important;
}

.download_tabs .ok-tabs-default-bar-tab{
  width: 25%!important;

}

